<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>大家乐在线点餐系统</title>
  <!-- Tell the browser to be responsive to screen width -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <!-- Bootstrap 3.3.6 -->
  <link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">

  <link rel="stylesheet" href="../../dist/css/font-awesome.min.css">
  <link rel="stylesheet" href="../../dist/css/ionicons.min.css">
  <!-- DataTables -->
  <link rel="stylesheet" href="../../plugins/datatables/dataTables.bootstrap.css">
  <!-- Theme style -->
  <link rel="stylesheet" href="../../dist/css/AdminLTE.min.css">
  <!-- AdminLTE Skins. Choose a skin from the css/skins
       folder instead of downloading all of them to reduce the load. -->
  <link rel="stylesheet" href="../../dist/css/skins/_all-skins.min.css">
  <link rel="stylesheet" href="../../plugins/daterangepicker/daterangepicker.css">
  <link rel="stylesheet" href="../../css/admin.css">

  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.åjs"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->
</head>
<body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper">
    <!-- 头部信息 -->
    <header class="main-header"></header>
    <!--  左侧导航 -->
    <aside class="main-sidebar"></aside>


    <!-- 内容区域 -->
    <div class="content-wrapper">
        <!-- 内容标题 -->
        <section class="content-header">
            <h1>
            所有订单
            </h1>
            <!--  <ol class="breadcrumb">
                <li><a href="#"><i class="fa fa-dashboard"></i> 首页</a></li>
                <li><a href="#">门店管理</a></li>
                <li class="active">门店列表</li>
            </ol> -->
        </section>
        <!-- 内容区 -->
        <section class="content">
            <div class="row">
                <div class="col-xs-12">
                  <!-- /.box -->
                  <div class="box">
                        <div class="box-header with-border ">
                          <!-- <h3 class="box-title">Bordered Table</h3> -->
                            <div class="form-inline">
                                <div class="form-group">
                                    <label>订单号</label>
                                    <input type="text" name="" class="form-control">
                                </div>
                                <div class="form-group">
                                    <label>下单时间</label>
                                    <input type="text" class="form-control" id="order-time">
                                    
                                </div>
                                <div class="form-group">
                                    <p class="text-blue">
                                      <span><a class="text-blue" href="javascript:;">最近7天</a></span>
                                      <span><a class="text-blue" href="javascript:;">最近15天</a></span>
                                      <span><a class="text-blue" href="javascript:;">最近30天</a></span>
                                    </p>
                                </div>
                            </div>
                            <div class="form-inline">
                                <div class="form-group">
                                    <label >订单类型</label>
                                        <select class="form-control" style="width:194px;">
                                            <option>全部</option>
                                            <option>堂食</option>
                                            <option>外带</option>
                                            <option>外卖</option>
                                        </select>
                                </div>
                                <div class="form-group">
                                    <label>买家姓名</label>
                                    <input type="text" name="" class="form-control">
                                </div>
                                <div class="form-group">
                                    <label>买家手机</label>
                                    <input type="" name="" class="form-control">
                                </div>
                            </div>
                            <div class="form-inline">
                                <div class="form-group">
                                    <label>微信昵称</label>
                                    <input type="text" name="" class="form-control">
                                </div>
                                <div class="form-group">
                                    <label>所属门店</label>
                                    <select class="form-control">
                                        <option>全部省份</option>
                                        <option></option>
                                        <option></option>
                                    </select>
                                    <select class="form-control">
                                        <option>全部城市</option>
                                        <option></option>
                                        <option></option>
                                    </select>
                                    <select class="form-control">
                                        <option>全部城市</option>
                                        <option></option>
                                        <option></option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <button type="button" class="btn btn-block btn-flat btn-yellow">筛选</button>
                                </div>
                            </div>
                        </div>
                        <!-- /.box-header -->
                        <div class="box-body pd-top">
                            <div class="row">
                                <div class="col-xs-12">
                                    <ul class="nav nav-tabs order-myTab" id="myTab" style="margin-bottom:15px;">
                                        <li class="active"><a href="#">全部订单</a></li>
                                        <li><a href="#">待付款</a></li>
                                        <li><a href="#">代发货</a></li>
                                        <li><a href="#">配送中</a></li>
                                        <li><a href="#">已完成</a></li>
                                        <li><a href="#">已关闭</a></li>
                                        <li><a href="#">退款中</a></li>
                                    </ul>
                                </div>
                            </div>
                            <table class="table table-bordered text-center">
                                <thead>
                                    <tr>
                                        <th>图片</th>
                                        <th>餐品名称</th>
                                        <th>省份</th>
                                        <th>城市</th>
                                        <th>区域</th>
                                        <th>所属门店</th>
                                        <th>订单类型</th>
                                        <th>数量</th>
                                        <th>买家</th>
                                        <th>下单时间</th>
                                        <th>订单状态</th>
                                        <th>配送状态</th>
                                        <th>应付金额</th>
                                        <th>操作</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td colspan="14" class="text-left">订单号: E20160603142021050496876 &nbsp;&nbsp;&nbsp;&nbsp;微信交易号: E20160603142021050496876</td>
                                    </tr>
                                    <tr>
                                        <td><img src="" alt="" width="60" height="60"></td>
                                        <td>澳门猪扒包+脆皮肠</td>
                                        <td>广东</td>
                                        <td>广州</td>
                                        <td>天河区</td>
                                        <td>太阳新天地</td>
                                        <td>外卖</td>
                                        <td>1</td>
                                        <td>double792002</td>
                                        <td>2016-06-22 12:00</td>
                                        <td>已付款</td>
                                        <td>配送中</td>
                                        <td>27.00</td>
                                        <td>
                                            <a href="order_details.html" type="button" class="btn btn-default btn-xs btn-flat margin">查看</a>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>

                        <!-- /.box-body -->
                        <div class="box-footer clearfix">
                          <ul class="pagination pagination-sm no-margin pull-right">
                            <li><a href="#">«</a></li>
                            <li><a href="#">1</a></li>
                            <li><a href="#">2</a></li>
                            <li><a href="#">3</a></li>
                            <li><a href="#">»</a></li>
                          </ul>
                        </div>
                  </div>
                </div>
            <!-- /.col -->
            </div>
        <!-- /.row -->
        </section>
    <!-- /.content -->
    </div>
    <div class="control-sidebar-bg"></div>
</div>
<!-- ./wrapper -->

<!-- jQuery 2.2.3 -->
<script src="../../plugins/jQuery/jquery-2.2.3.min.js"></script>
<!-- Bootstrap 3.3.6 -->
<script src="../../bootstrap/js/bootstrap.min.js"></script>
<!-- DataTables -->
<script src="../../plugins/daterangepicker/moment.js"></script>
<script src="../../plugins/daterangepicker/daterangepicker.js"></script>
<script src="../../plugins/datatables/jquery.dataTables.min.js"></script>
<script src="../../plugins/datatables/dataTables.bootstrap.min.js"></script>
<!-- SlimScroll -->
<script src="../../plugins/slimScroll/jquery.slimscroll.min.js"></script>
<!-- FastClick -->
<script src="../../plugins/fastclick/fastclick.js"></script>
<!-- AdminLTE App -->
<script src="../../dist/js/app.min.js"></script>
<script src="../../dist/js/demo.js"></script>

<script type="text/javascript">
  var pageMenu = {"active": [3,12]};
  //$(".form_datetime").datetimepicker({format: 'yyyy-mm-dd hh:ii'});
</script>
<script>
    $(function () {
        $("#order-time").daterangepicker().val('');
    })
</script>
<script src="../../js/vendors.js" type="text/javascript"></script>
<script src="../../js/index.js" type="text/javascript"></script>
<!-- page script -->
</body>
</html>

